div {
	height: 250px;
	width: 221px;
	margin-left: 55px;
	float: left;
	padding: 60px;
	margin-top: 250px;
	border: 1px solid #000;
}

body {
	background-image: url(recursos/logo.png);

}
.modA {
	background-image: url(recursos/html.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: 0 0 5px 5px #5882FA;
	border-radius: 24px;}
.modB {
	background-image: url(recursos/movil.png);
	background-repeat:no-repeat;
	background-size:cover;
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: 0 0 5px 5px #80FF00;
	border-radius: 24px;
}
.modC {
	background-image: url(recursos/css.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: 0 0 5px 5px #5882FA;
	border-radius: 24px;
}
.pie {
	height: 25px;
	width: 140px;
	margin-left: 560px;
	padding: 5px;
	clear: both;
	margin-top: 200px;
	border: 1px solid #000;
	color: blue;
	background-color: #808080;
	border-radius: 10px, 0px, 10px, 0px;
	text-align: center;
	font-family: cursive;
	font-size: 100%;
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: 0 0 5px 5px #80FF00;
	border-radius: 24px;
}